<!DOCTYPE html>
<html>
<head>
	<title>添加新入网地址</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/user.css">
	<style type="text/css">[v-cloak]{display: none;}.address_add{padding-bottom:.4rem;}</style>
</head>
<body class="address_add body_bg">
<div id="app" v-cloak>
	<ul class="address_box pad_usual">
		<li class="item">
			<label>姓名</label>
			<input type="text" placeholder="填写收货人姓名">
		</li>
		<li class="item">
			<label>身份号码</label>
			<input type="text" placeholder="填写身份证号码">
		</li>
		<li class="item no_bottom">
			<label>身份证照</label>
			<div class="tips">
				请按照示例图，上传对应照片
			</div>
		</li>
	</ul>
	<div class="photo_box pad_usual disFlex">
		<div class="photo_info">
			<div class="ac">
				<img src="img/img_status1.png" class="icon_status end" alt="">
				<p class="tips_text">上传身份证正面图片</p>
				<div class="line_red"></div>
			</div>
			<div class="ac">
				<img src="img/img_status2.png" class="icon_status" alt="">
				<p class="tips_text">上传身份证反面图片</p>
				<div class="line_red"></div>
			</div>
			<div class="ac">
				<img src="img/img_status3.png" class="icon_status" alt="">
			</div>
		</div>
		<div class="photo_img">
			<div class="card_box">
				<img src="img/card_z.png" class="card_img" alt="">
				<p class="img_tips">身份证正面</p>
				<div class="file_box">
					<div class="file_up_box ">
						<img src="img/up_file.png" class="icon_file" alt="">
						<p class="img_tips">上传图片</p>
						<input type="file" class="up_file">
					</div>
					<div class="card_up hide">
						<img src="img/close_icon.png" class="icon_close" alt="">
						<img src="img/card_z.png" class="img_user" alt="">
					</div>
				</div>
			</div>
			<div class="card_box">
				<img src="img/card_f.png" class="card_img" alt="">
				<p class="img_tips">身份证反面</p>
				<div class="file_box">
					<div class="file_up_box ">
						<img src="img/up_file.png" class="icon_file" alt="">
						<p class="img_tips">上传图片</p>
						<input type="file" class="up_file">
					</div>
					<div class="card_up hide">
						<img src="img/close_icon.png" class="icon_close" alt="">
						<img src="img/card_z.png" class="img_user" alt="">
					</div>
				</div>
			</div>
			<div class="card_box person">
				<img src="img/card_p.png" class="card_person" alt="">
				<p class="img_tips">手持身份证</p>
				<div class="file_box">
					<div class="file_up_box ">
						<img src="img/up_file.png" class="icon_file" alt="">
						<p class="img_tips">上传图片</p>
						<input type="file" class="up_file">
					</div>
					<div class="card_up hide">
						<img src="img/close_icon.png" class="icon_close" alt="">
						<img src="img/card_z.png" class="img_user" alt="">
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="online">
		<span :class="{radio:true,on:isCheck}" @click="isCheck=!isCheck"></span> 勾选则表示你已经充分了解并完全同意<span class="text_blue">《客户入网信息》</span>
	</div>
	<div class="pad_usual set_address">
		设为默认入网资料 <img :src="addressIf?'img/switch_open.png':'img/switch_close.png'" @click="defaultBtn" class="icon_switch" alt="">
	</div>
	<div class="mt_2rem btn_box">
		<template v-if="addSubmit==2">
			<div class="btn" @click="saveBtn">保存</div>
			<div class="btn remove" v-if="remove_btn_if" >删除</div>
		</template>
		<template v-if="addSubmit==1">
			<div class="btn" @click="goPay">提交</div>
		</template>
	</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/public.js"></script>
<script type="text/javascript">
var app = new Vue({
	el:"#app",
	data:{
        addressIf:false,
		isCheck:false,
		addSubmit:2,
        remove_btn_if:true,
	},
	methods:{
        defaultBtn:function () {
			this.addressIf = !this.addressIf;
        },
        goPay:function () {
			location.href="user.html"
        },
        saveBtn:function () {
            location.href="user.html"
        }
	},
	created:function(){

	    if(GetRequest().type==1){
            this.addSubmit=1
		}else if(GetRequest().type==3){
	        this.remove_btn_if=false
		}
	},
	mounted:function(){}
})	

</script>
</body>
</html>